<%@page contentType="text/html" pageEncoding="UTF-8"%>
<head>
    <script type="text/javascript">
    	var listarMedicos = function() {
        	$.post("medicoListar.jsp", function(data) {
   				$("#medicoListar").html(data);
    		});
    	}
    
        $(document).ready(function() {

        	listarMedicos();
        	
            $("input[type=button]").button().click(function(event) {
                event.preventDefault();
            });

            $("#mensagemMedico").dialog({
            	autoOpen: false,
            	height: 200,
                width: 300,
                modal: true
            });
               
            
            $("#janelaAddMedico").dialog({
                autoOpen: false,
                height: 350,
                width: 350,
                modal: true,
                buttons: {
                	"Salvar": function() {
                		$(this).dialog("close");                    		
                		$.post("medicoAddDestino.jsp", $("#medicoAdd").serialize(), function(data) {
                			$('#mensagemMedico').html(data);
                        	$("#mensagemMedico").dialog("open");
                        	listarMedicos();
                		});
                	},
                    Cancel: function() {
                        $(this).dialog("close");
                    }
                }
            });

            $("#criarMedico").button().click(function() {
            	$.get("medicoAdd.jsp", function(data) {
            		$("#janelaAddMedico").html(data);
            	});
                $("#janelaAddMedico").dialog("open");
            });
            
            $("#filtroMedico").keyup(function(){
            	$.post("medicoListar.jsp", $("#formMedicoFiltroLista").serialize(), function(data) {
            		$("#medicoListar").html(data);
        		});
            });
        });
    </script>
</head>
<body style="cursor: auto;">
    <div id="janelaAddMedico" title="Cadastrar Medico"></div>
    <div id="janelaEditMedico" title="Editar Medico"></div>
    <div id="msgConfirmarMedico" title="Confirma&ccedil;&otilde;o"></div>
    <div id="mensagemMedico" title="Mensagem"></div>
    <h1>Gest&atilde;o de Medico</h1>
    <input type="button" id="criarMedico" value="Novo">
    <form id="formMedicoFiltroLista" name="formMedicoFiltroLista">
    	<label for="filtroMedico">Filtar:</label>
    	<input type="text" id="filtroMedico" name="filtroMedico"/>
    </form>
    <div id="medicoListar" class="ui-widget listar"></div>
</body>

